<div id="" class="formio-component formio-component-form  formio-component-label-hidden" ref="component">
  <div class="formio-form" ref="webform" novalidate>
    <div id="textField" class="mb-2 formio-form-group has-feedback formio-component formio-component-textfield formio-component-textField " ref="component">
      <label ref="label" class="col-form-label " for="textField-textField" id="l-textField-textField">
        Text Field
      </label>
      <div ref="element">
        <input ref="input" name="data[textField]" type="text" class="form-control" lang="en" spellcheck="true" value="" id="textField-textField" aria-labelledby="l-textField-textField " aria-required="false"></input>
      </div>
      <div ref="messageContainer" class="formio-errors invalid-feedback"></div>
    </div>
    <div id="test" class="mb-2 formio-form-group has-feedback formio-component formio-component-button formio-component-test  mb-2 formio-form-group" ref="component">
      <button ref="button" name="data[test]" type="button" class="btn btn-info btn-md" lang="en">
        disabled
      </button>
      <div ref="buttonMessageContainer">
        <span class="help-block" ref="buttonMessage"></span>
      </div>
      <div ref="messageContainer" class="formio-errors invalid-feedback"></div>
    </div>
    <div id="textField1" class="mb-2 formio-form-group has-feedback formio-component formio-component-textfield formio-component-textField1 " ref="component">
      <label ref="label" class="col-form-label " for="textField1-textField1" id="l-textField1-textField1">
        Text Field
      </label>
      <div ref="element">
        <input ref="input" name="data[textField1]" type="text" class="form-control" lang="en" spellcheck="true" value="" id="textField1-textField1" aria-labelledby="l-textField1-textField1 " aria-required="false"></input>
      </div>
      <div ref="messageContainer" class="formio-errors invalid-feedback"></div>
    </div>
    <div id="hide" class="mb-2 formio-form-group has-feedback formio-component formio-component-button formio-component-hide  mb-2 formio-form-group" ref="component">
      <button ref="button" name="data[hide]" type="button" class="btn btn-danger btn-md" lang="en">
        Hide
      </button>
      <div ref="buttonMessageContainer">
        <span class="help-block" ref="buttonMessage"></span>
      </div>
      <div ref="messageContainer" class="formio-errors invalid-feedback"></div>
    </div>
    <div id="textField2" class="mb-2 formio-form-group has-feedback formio-component formio-component-textfield formio-component-textField2 " ref="component">
      <label ref="label" class="col-form-label " for="textField2-textField2" id="l-textField2-textField2">
        Text Field
      </label>
      <div ref="element">
        <input ref="input" name="data[textField2]" type="text" class="form-control" lang="en" spellcheck="true" value="" id="textField2-textField2" aria-labelledby="l-textField2-textField2 " aria-required="false"></input>
      </div>
      <div ref="messageContainer" class="formio-errors invalid-feedback"></div>
    </div>
    <div id="hide1" class="mb-2 formio-form-group has-feedback formio-component formio-component-button formio-component-hide1  mb-2 formio-form-group" ref="component">
      <button ref="button" name="data[hide1]" type="button" class="btn btn-success btn-md" lang="en">
        Require
      </button>
      <div ref="buttonMessageContainer">
        <span class="help-block" ref="buttonMessage"></span>
      </div>
      <div ref="messageContainer" class="formio-errors invalid-feedback"></div>
    </div>
    <div id="submit" class="mb-2 formio-form-group has-feedback formio-component formio-component-button formio-component-submit  mb-2 formio-form-group" ref="component">
      <button ref="button" name="data[submit]" type="submit" class="btn btn-primary btn-md" lang="en">
        Submit
      </button>
      <div ref="buttonMessageContainer">
        <span class="help-block" ref="buttonMessage"></span>
      </div>
      <div ref="messageContainer" class="formio-errors invalid-feedback"></div>
    </div>
  </div>
  <div ref="messageContainer" class="formio-errors invalid-feedback"></div>
</div>